<ion-header *ngIf="!isFromMainPage">
    <ion-navbar>
        <ion-title>营销首页</ion-title>
        <ion-buttons end *ngIf="isAdmin">
          <button ion-button (click)="moreOp()">操作</button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content>
  <ion-card>
    <ion-card-header class="Title">
      <span>01</span>公司规模走势
    </ion-card-header>
    <ion-list>
      <ion-item *ngIf="Title_CompanyScaleTrend.all_capital" class="TitleIonItem">
        <span class="TitleDescription">
          截至{{currentDate}}，公司资产总规模：{{Title_CompanyScaleTrend.all_capital}}亿，环比：
          <span class="{{Title_CompanyScaleTrend.all_capitalColor}}">
            <ion-icon *ngIf="Title_CompanyScaleTrend.all_capitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_CompanyScaleTrend.all_capitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_CompanyScaleTrend.all_capitalDiff}}
          </span>；
          公募：{{Title_CompanyScaleTrend.gm_capital}}亿，环比：
          <span class="{{Title_CompanyScaleTrend.gm_capitalColor}}">
            <ion-icon *ngIf="Title_CompanyScaleTrend.gm_capitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_CompanyScaleTrend.gm_capitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_CompanyScaleTrend.gm_capitalDiff}}
          </span>；
          专户：{{Title_CompanyScaleTrend.zh_capital}}亿，环比：
          <span class="{{Title_CompanyScaleTrend.zh_capitalColor}}">
            <ion-icon *ngIf="Title_CompanyScaleTrend.zh_capitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_CompanyScaleTrend.zh_capitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_CompanyScaleTrend.zh_capitalDiff}}
          </span>；
          社保养老金：{{Title_CompanyScaleTrend.sb_capital}}亿，环比：
          <span class="{{Title_CompanyScaleTrend.sb_capitalColor}}">
            <ion-icon *ngIf="Title_CompanyScaleTrend.sb_capitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_CompanyScaleTrend.sb_capitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_CompanyScaleTrend.sb_capitalDiff}}
          </span>。
        </span>
      </ion-item>
      <ion-item>
        <div class="CompanyScaleTrend"></div>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header class="Title">
      <span>02</span>公募货币非货币规模变动
    </ion-card-header>
    <ion-list >
      <ion-item *ngIf="Title_GMGoin.allcapital" class="TitleIonItem">
        <span class="TitleDescription">
		  截至{{currentDate}}
		  <!--，公司公募货币非货币总资产：{{Title_GMGoin.allcapital}}亿，环比：
          <span class="{{Title_GMGoin.allcapitalColor}}">
            <ion-icon *ngIf="Title_GMGoin.allcapitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_GMGoin.allcapitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_GMGoin.allcapitalDiff}}
          </span>-->
          ，公募货币类资产：{{Title_GMGoin.huobcapital}}亿，环比：
          <span class="{{Title_GMGoin.huobcapitalColor}}">
            <ion-icon *ngIf="Title_GMGoin.huobcapitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_GMGoin.huobcapitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_GMGoin.huobcapitalDiff}}
          </span>；
          公募非货币类资产：{{Title_GMGoin.nhuobcapital}}亿，环比：
          <span class="{{Title_GMGoin.nhuobcapitalColor}}">
            <ion-icon *ngIf="Title_GMGoin.nhuobcapitalColor == 'redColor'" name='arrow-round-up'></ion-icon>
            <ion-icon *ngIf="Title_GMGoin.nhuobcapitalColor == 'greenColor'" name='arrow-round-down'></ion-icon>
            {{Title_GMGoin.nhuobcapitalDiff}}
          </span>。
        </span>
      </ion-item>
      <ion-item>
        <div class="GMCoin"></div>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header class="Title">
      <span>03</span>重点渠道规模变动
    </ion-card-header>
	<ion-list>
      <ion-item class="TitleIonItem">
        <span class="TitleDescription" >
          截至{{currentDate}}，近一个月重点渠道规模变动中，前五名分别是：
          <span *ngFor="let up_title of Title_ImportantChancel.up;let up_index = index">{{up_title.name}}
            :<span class="{{up_title.color}}">
               <ion-icon *ngIf="up_title.color == 'redColor'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="up_title.color == 'greenColor'" name='arrow-round-down'></ion-icon>
              {{up_title.data}}亿
            </span><span *ngIf="up_index < Title_ImportantChancel.up.length - 1">、</span>
          </span>；后五名分别是：
          <span *ngFor="let down_title of Title_ImportantChancel.down;let down_index = index">{{down_title.name}}
            :<span class="{{down_title.color}}">
               <ion-icon *ngIf="down_title.color == 'redColor'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="down_title.color == 'greenColor'" name='arrow-round-down'></ion-icon>
              {{down_title.data}}亿
            </span><span *ngIf="down_index < Title_ImportantChancel.down.length - 1">、</span>
          </span>。
        </span>
      </ion-item>
      <ion-item>
        <div class="ImportantChancel DataGraph"></div>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header class="Title">
      <span>04</span>重点机构规模变动
    </ion-card-header>
    <ion-list>
      <ion-item class="TitleIonItem">
        <span class="TitleDescription" >
          截至{{currentDate}}，近一个月重点机构规模变动中，前五名分别是：
          <span *ngFor="let up_title of Title_ImportantOrganization.up;let up_index = index">{{up_title.name}}
            :<span class="{{up_title.color}}">
               <ion-icon *ngIf="up_title.color == 'redColor'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="up_title.color == 'greenColor'" name='arrow-round-down'></ion-icon>
              {{up_title.data}}亿
            </span><span *ngIf="up_index < Title_ImportantOrganization.up.length - 1">、</span>
          </span>；后五名分别是：
          <span *ngFor="let down_title of Title_ImportantOrganization.down;let down_index = index">{{down_title.name}}
            :<span class="{{down_title.color}}">
               <ion-icon *ngIf="down_title.color == 'redColor'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="down_title.color == 'greenColor'" name='arrow-round-down'></ion-icon>
              {{down_title.data}}亿
            </span><span *ngIf="down_index < Title_ImportantOrganization.down.length - 1">、</span>
          </span>。
        </span>
      </ion-item>
      <ion-item>
        <div class="ImportantOrganization DataGraph"></div>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header class="Title">
      <span>05</span>公募产品投资业绩表
    </ion-card-header>
    <ion-list class="DataGrid">
      <ion-item class="DataTable TitleIonItem">
        <span class="TitleDescription" >
          截至{{currentDate}}，公募产品今年以来投资业绩表现前5名的基金为：
          <span *ngFor="let up_title of Title_GMProductInvest.up;let up_index = index">{{up_title.name}}
            :<span class="{{up_title.color + 'Color'}}">
              <ion-icon *ngIf="up_title.color == 'red'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="up_title.color == 'green'" name='arrow-round-down'></ion-icon>
              {{up_title.data}}
            </span><span *ngIf="up_index != 4">、</span>
          </span>；后5名的基金为：
          <span *ngFor="let down_title of Title_GMProductInvest.down;let down_index = index">{{down_title.name}}
            :<span class="{{down_title.color + 'Color'}}">
              <ion-icon *ngIf="down_title.color == 'red'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="down_title.color == 'green'" name='arrow-round-down'></ion-icon>
              {{down_title.data | absString}}
            </span><span *ngIf="down_index != 4">、</span>
          </span>。
        </span>
      </ion-item>
      <ion-item class="GridTitle">
        <ion-row>
          <ion-col col-4>
            产品名称
          </ion-col>
          <ion-col col-2>
            净值
          </ion-col>
          <ion-col col-3>
            今年增长率
          </ion-col>
          <ion-col col-3 style="text-align: center">
            今年排名
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-item class="GridContent ContentColorUp" *ngFor="let upItem of gmProductInvestUp">
        <ion-row>
          <ion-col col-4 class="productname">
            {{upItem.productname}}
          </ion-col>
          <ion-col col-2>
            {{upItem.netvalue}}
          </ion-col>
          <ion-col class="content-center" col-3 [innerHTML]="upItem.yield_thisyear">
            {{upItem.yield_thisyear}}
          </ion-col>
          <ion-col class="content-center" col-3 style="text-align: center">
            {{upItem.sfrank_thisyear}}
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-item class="GridContent ContentColorDown" *ngFor="let downItem of gmProductInvestDown">
        <ion-row>
          <ion-col col-4 class="productname">
            {{downItem.productname}}
          </ion-col>
          <ion-col col-2>
            {{downItem.netvalue}}
          </ion-col>
          <ion-col class="content-center" col-3 [innerHTML]="downItem.yield_thisyear">
          </ion-col>
          <ion-col class="content-center" col-3 style="text-align: center">
            {{downItem.sfrank_thisyear}}
          </ion-col>
        </ion-row>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header class="Title">
      <span>06</span>专户产品投资业绩表
    </ion-card-header>
    <ion-list class="DataGrid">
      <ion-item class="DataTable TitleIonItem">
        <span class="TitleDescription" >
          截至{{currentDate}}，专户产品今年以来投资业绩表现前5名的基金为：
          <span *ngFor="let up_title of Title_ZHProductInvest.up;let up_index = index">{{up_title.name}}
            :<span class="{{up_title.color + 'Color'}}">
              <ion-icon *ngIf="up_title.color == 'red'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="up_title.color == 'green'" name='arrow-round-down'></ion-icon>
              {{up_title.data}}
            </span><span *ngIf="up_index != 4">、</span>
          </span>；后5名的基金为：
          <span *ngFor="let down_title of Title_ZHProductInvest.down;let down_index = index">{{down_title.name}}
            :<span class="{{down_title.color + 'Color'}}">
              <ion-icon *ngIf="down_title.color == 'red'" name='arrow-round-up'></ion-icon>
              <ion-icon *ngIf="down_title.color == 'green'" name='arrow-round-down'></ion-icon>
              {{down_title.data | absString}}
            </span><span *ngIf="down_index != 4">、</span>
          </span>。
        </span>
      </ion-item>
      <ion-item class="GridTitle">
        <ion-row>
          <ion-col col-5>
            产品名称
          </ion-col>
          <ion-col col-2>
            联系人
          </ion-col>
          <ion-col col-2>
            净值
          </ion-col>
          <ion-col col-3>
            今年增长率
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-item class="GridContent ContentColorUp" *ngFor="let upItem of zhProductInvestUp">
        <ion-row>
          <ion-col col-5 class="productname">
            {{upItem.productname}}
          </ion-col>
          <ion-col col-2 class="productname">
            {{upItem.managername}}
          </ion-col>
          <ion-col col-2>
            {{upItem.netvalue}}
          </ion-col>
          <ion-col class="content-center" col-3 [innerHTML]="upItem.yield_thisyear">
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-item class="GridContent ContentColorDown" *ngFor="let downItem of zhProductInvestDown">
        <ion-row>
          <ion-col col-5 class="productname">
            {{downItem.productname}}
          </ion-col>
          <ion-col col-2 class="productname">
            {{downItem.managername}}
          </ion-col>
          <ion-col col-2>
            {{downItem.netvalue}}
          </ion-col>
          <ion-col class="content-center" col-3 [innerHTML]="downItem.yield_thisyear">
          </ion-col>
        </ion-row>
      </ion-item>
    </ion-list>
  </ion-card>
</ion-content>
